response.headers.get(Content-Type) {js}

• mdn
• fetch를 사용해 받은 response가 JSON인지, HTML인지 판별할 수 있는 방법을 알아냈다. 바로 Content-Type을 이용하는 것이다. 이것은 대놓고 나와있지 않아서 찾기가 매우 힘들었다. 하지만 근성의 최승현! 😅 아래의 스니펫이 바로 response가 어떤 타입인지 해석하는 저시기이다.
• 참고할 것: res.json(), res.text() 를 호출하는 행위는 res 안의 상태를 바꾸기 때문에 최대 한 번밖에 호출할 수 없다.

function errorHandle(res) {
	const contentType = res.headers.get("Content-Type").split(";")[0];
	if (contentType === "text/html") {
	
	  res.text().then(html => {
		document.body.innerHTML = html;
	  });
	
	} else if (contentType === "application/json") {
	
	  res.json().then(error => {
		  alert(error.message);

		}).catch((e) => {
		  alert("JSON 파싱 에러! 콘솔창을 확인하세요.");
		  console.log(e);
		})
	} else {
	  alert("알 수 없는 에러! 콘솔창을 확인하세요.");
	  console.log(e);
	}
}